@import (less) "../connect/index.less";
@import (less) "../macross/index.less";

.web-header-fit {
  // 1024 x 768
  @media (max-width: 1024px) {
    .ix-tpl.ix-header(
            32,
            4px 20px,
            0px 4px,
            8px,
            6px 2px 6px 0,
            72
    );
  }
  // 1280 x 1024
  @media (min-width: 1025px) and (max-width: 1280px) {
    .ix-tpl.ix-header(
            48,
            4px 20px,
            0px 4px,
            8px,
            6px 2px 6px 0,
            72
    );
  }
  // 1366 x 720
  @media (min-width: 1281px) and (max-width: 1366px) {
    .ix-tpl.ix-header(
            48,
            4px 20px,
            0px 4px,
            8px,
            6px 2px 6px 0,
            72
    );
  }
  // 1400 x 900
  @media (min-width: 1367px) and (max-width: 1440px) {
    .ix-tpl.ix-header(
            48,
            4px 20px,
            0px 4px,
            8px,
            6px 2px 6px 0,
            72
    );
  }
  // 1680 x 1050
  @media (min-width: 1441px) and (max-width: 1680px) {
    .ix-tpl.ix-header(
            56,
            4px 24px,
            0px 6px,
            8px,
            12px 4px 12px 0,
            80
    );
  }
  // 1920 x 1200, 1920 x 1080
  @media (min-width: 1681px) {
    .ix-tpl.ix-header(
            56,
            4px 24px,
            0px 6px,
            8px,
            12px 4px 12px 0,
            80
    );
  }
}